@extends('layouts.app')
@section('page-bar')
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <a href="/">Home</a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <a href="#">系统管理</a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <a href="{{ route('role.index') }}">角色管理</a>
            </li>
        </ul>
    </div>
@stop
@section('page-title')
    <h3 class="page-title"> 角色管理
        <small>编辑角色</small>
    </h3>
@stop
@section('page-body')
    <div class="row">
        <div class="col-md-12">
            <form action="{{ route('role.update', ['id' => $id]) }}" method="POST" role="form">
                {{ method_field('PUT') }}
                @include('role._form')
            </form>
        </div>
    </div>
@stop
@section('module_js')
    <script type="text/javascript">

        $(function(){
            $(".permission_list dt input:checkbox").click(function(){
                $(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
            });
            $(".permission_list2 dt input:checkbox").click(function () {
                $(this).parents(".permission_list").find("dt").first().find("input:checkbox").prop("checked",true);
            });
            $(".permission_list2 dd input:checkbox").click(function(){
                if(this.checked){
                    $(this).closest("dl").find("dt input:checkbox").prop("checked",true);
                    $(this).parents(".permission_list").find("dt").first().find("input:checkbox").prop("checked",true);
                }
            });
        });

    </script>


@stop